$(function () {
  var form = layui.form

  // 调用接口获取用户信息
  function loadUserInfo () {
    $.ajax({
      type: 'get',
      url: 'my/userinfo',
      success: function (res) {
        if (res.status !== 0) {
          // 提示获取数据失败了
          layer.msg(res.message)
          return 
        }

        // 把获取到的数据填充到表单
        // $('.layui-form input[name=username]').val(res.data.username)
        // $('.layui-form input[name=nickname]').val(res.data.nickname)
        // $('.layui-form input[name=email]').val(res.data.email)

        // ------------------------------
        // 基于layui的方式填充表单
        form.val('basicForm', res.data)
      }
    })
  }
  loadUserInfo()

  // 更新用户信息提交表单
  $('.layui-form').submit(function (e) {
    e.preventDefault()
    // 获取所有的表单输入域的数据
    // var fd = $(this).serialize()
    var fd = $(this).serializeArray()
    // 排除username属性和值
    fd = fd.filter(function (item) {
      // 筛选条件：排除username
      return item.name !== 'username'
    })
    // 调用接口提交数据
    $.ajax({
      type: 'post',
      url: 'my/userinfo',
      data: fd,
      success: function (res) {
        layer.msg(res.message)
      }
    })
  })

  // 重置表单
  $('#resetForm').click(function () {
    loadUserInfo()
  })
})